Liquid Glass - Dynamic 的核心動態特性(模式)
Liquid Glass 的設計理念與基礎特性
A 起源與演進:Liquid Glass 是 Apple 軟體視覺與互動體驗的重大創新,標誌著設計語言從擬物與扁平風格向動態化和真實感轉變。它為所有裝置介面增添了一層可互動的動態"玻璃層"。
Liquid Glass 建立在 Apple 多年介面設計的演進基礎之上,從 macOS X 的 Aqua 風格使用者介面(首次引入擬物透明效果)、iOS 7 的實時模糊處理、iPhone X 帶來的互動流暢性、Dynamic Island 的靈活多變表現形式,到 visionOS 的沉浸式介面體驗
核心視覺與互動特性
Liquid Glass 並非簡單模仿現實世界中的某種材質,而是被設計成一種全新的數字“元材料”,它可以實時地折射與塑造光線,從而營造出豐富的視覺深度與分層感。它像液體一樣輕盈靈活,手指一碰就有反應,還能跟著 app 的變化一起動起來。
隨著 Apple 產品螢幕形態變得更加圓潤、沉浸,Liquid Glass 作為一種材質,恰好契合了這一設計趨勢。在使用者介面中,Liquid Glass 以圓潤、懸浮的形式出現,完美嵌入現代裝置的圓角曲線中。這些設計易於觸控,因為它們的形狀完美匹配手指的自然觸碰方式。無論是點選範圍還是按壓角度,都經過精心設計,使得操作更加簡單自然。
Lensing 核心視覺機制“透鏡效應”
A Liquid Glass 在視覺上最主要的表現方式是“透鏡效應”。像透鏡一樣彎曲光線產生深度感,就像我們在玻璃、水面等自然界中常見的視覺效果一樣。我們在潛意識中已經習慣了透過光線在透明物體中的彎曲與扭曲,來感知物體的存在、運動和形態。
B Liquid Glass 利用這種直觀的視覺效果來區分介面的不同層次,讓使用者清楚地看到前面的內容和後面的內容,而且後面的內容仍然清晰可見。
不同於傳統介面的簡單散射模糊,Liquid Glass 透過實時光線彎曲與聚焦,讓介面元素既清晰又保持玻璃質感。按鈕呈現出輕薄透明但易於識別的效果。其顯示和隱藏採用流暢的水波狀過渡,帶來自然順滑的體驗。
C 液體的流動方式是人類本能就能理解的視覺與觸覺體驗。
從設計之初,Liquid Glass 的視覺效果與動態行為就是一體化構建的。液體的平滑流動特性為介面互動提供參考,讓響應方式更符合人們的自然認知。你一碰,它就像水一樣彈一下,還亮起來,特別靈動。這讓介面給人的感覺更加靈敏、令人愉悅,並且充滿“生命力”
Liquid Glass 還具有類似凝膠的柔軟特性(gel-like flexibility),在與使用者互動時,它會同步移動並略微變形,從而傳達出其短暫性和可塑性。這種流動感讓介面的節奏與人類思維和動作的動態變化保持一致。
你一碰某個東西,它就像飄起來、融進玻璃裡一樣,視覺上特別有層次。這樣一來,在靜止狀態下介面保持簡潔、安靜;而在使用者觸控時則“啟用”起來,顯得生動有趣
D 這個特性在介面按鈕和控制元件上特別好用。當你想要看清按鈕下面的內容時,透明的玻璃效果能讓你清楚地看到所有資訊。
E 這種流動性不僅體現在材質如何響應使用者的輸入操作,也體現在它如何適應現代 App 動態變化的介面環境。當你在應用中切換不同狀態時,Liquid Glass 會在每個上下文中的控制元件之間動態變形,這樣能夠維持一個統一的“懸浮層”概念,讓所有控制元件都像生活在同一個浮動平面上。你點來點去,不會覺得突兀或卡頓,一切過渡都像水一樣順滑。
D點選單的時候,它就像氣泡一樣“砰”地一下展開,看著特別輕巧。這種輕量、就地展開的過渡方式讓內容保持在使用者點選的原位上,它清楚而直接地傳達出按鈕與其展開內容之間的關係(透過視覺位置和動效路徑,使使用者能一目瞭然地理解點選所帶來的變化)。
E Liquid Glass 不僅開啟了應用介面外觀的新紀元,也重新定義了使用者在操作時的觸感與體驗。透過對光線進行全新的彎曲與塑形能力,再結合材質的動態柔性與變形能力,Liquid Glass 的設計目標是讓應用的使用體驗從根本上變得更加自然、有沉浸感且流暢連貫。